@CHARSET "UTF-8";
html,
body{
    width:100%;
    height:100%;
}

@media screen and (min-width:1024px){
	body{
		background-color:#CCC;
	}
	#wrap{
		width:480px;
		height:800px;
		margin:0 auto;
		background-color:#FFF;
		font-size:14px;
	}
}

@media screen and (min-width:320px) and (max-width:640px){
	#wrap{
		width:100%;
		height: 100%;
		background-color:#F0F;
		font-size:16px;
		
		position: absolute;
        top: 0px;
        bottom: 0px;
    }
} 

#header{
    width: 100%;
    height: 120px;
    background-color:#16364C;
}
#content{
    width: 100%;
    overflow:hidden;
}
#footer{
    width: 100%;
    height: 80px;
    background-color:green;
}
#header ul {
    white-space: nowrap;
    font-size: 0;
}
#header ul li{
    font-size:16px;
    display: inline-block;
    border:#FFF 1px solid;
    margin : 5px 0px 5px 5px;
    padding: 5px 10px;
    color : #FFF;
    font-weight: bold;
}
    


.scroller_content p{
    padding: 5px;
}
.scroller_paging_horizontal p{
    white-space: normal;
    width: 470px;
    height: 590px;
    display : inline-block;
    float : left;
}

.cell {
    width: 480px;
    height: 600px;
    line-height: 600px;
    display: inline-block;
    text-align: center;
    font-size: 50px;
}
